<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery内容文本值</title>
    <script src="../jquery/jquery.v3.7.1.js"></script>
</head>
<body>
    <div>
        <p>主要针对元素的内容和表单的值操作</p>
        <p>1、普通元素内容 thml()（相当于原生 innerHTML）</p>
        <p>html()：获取元素的内容</p>
        <p>html('内容')：设置元素的内容</p>
        <p>2、普通元素文本内容 text()（相当于原生 innerTEXT）</p>
        <p>text()：获取元素的内容</p>
        <p>text('内容')：设置元素的内容</p>
        <p>3、表单的值 val()（相当于原生 value）</p>
        <p>val()：获取表单的值</p>
        <p>val('内容')：设置表单的值</p>
    </div>
    <input type="text" value="这是一个表单">
    <script>
        //获取元素内容
        console.log($('div').html());
        //设置元素内容
        $('div').html('123')
        //获取文本内容
        console.log($('div').text());
        //设置文本内容
        $('div').text('233');
        //获取表单的值
        console.log($('input').val());
        //设置表单的值
        $('input').val('123')
    </script>
</body>
</html>